{notempty name="$carousel"}
<div id="myCarousel" class="carousel slide carousel-item" data-ride="carousel">

    <ol class="carousel-indicators">
        {foreach name="carousel" item="vo"}
        <li title="{$vo.model??''}" data-target="#myCarousel" data-slide-to="{$key}" class="{eq name='key' value='0' } active{/eq}"></li>
        {/foreach}
    </ol>

    <!--<div class="carousel-inner" ontouchstart='getFlag()' ontouchmove='setFlag()' ontouchend='change()'>-->
    <div class="carousel-inner" ontouchstart='getFlag()' ontouchmove='setFlag()' ontouchend='change()'>
		{foreach name="carousel" item="vo"}
        <div title="{$vo.model??''}" class="item{eq name='key' value='0' } active{/eq}">
			<a title="{:cache('systemsystem' . cookie('think_var'))['title']['value']}" href="{$vo.url}" target='_self'>
				<img src="__PUBLIC__/uploads/image/{$vo.image}" style="width:100%; position:relative;" class="simg" alt="{:cache('systemsystem' . cookie('think_var'))['title']['value']}"/>
			</a>

			<!-- 图片上显示文字和动画 -->
			{eq name="$Request.controller" value="Index"}
			<div class="carousel-caption carousel-caption-cont carousel-caption-left" style="display: none;">
				<p class="wow fadeInDown animated" data-wow-delay="0.5s" style="font-size: 60px;">简单  灵活  易用</p>
				<p class="wow fadeInLeft animated" style="font-size: 32px;">携手共赢，鼎联与你共创美好网络未来</p>
				<p class="wow fadeInUp animated" data-wow-delay="1s" style="font-size: 48px;">鼎联网络</p>
			</div>
			{/eq}

			{eq name="$Request.param.navid" value="36"}
			<div class="carousel-caption carousel-caption-cont carousel-caption-left" style="display: none;">
				<p class="wow fadeInDown animated" data-wow-delay="0.5s" style="font-size: 40px;">NEWS CENTER 新闻中心</p>
				<p class="wow fadeInUp animated" data-wow-delay="1s" style="font-size: 18px;">及时了解最新的新闻资讯，把握市场趋势</p>
			</div>
			{/eq}
			
			{eq name="$Request.param.navid" value="37"}
			<div class="carousel-caption carousel-caption-cont carousel-caption-left" style="display: none;">
				<p class="wow fadeInDown animated" data-wow-delay="0.5s" style="font-size: 40px;">CLASSROOM SCHOOL 信息学堂</p>
				<p class="wow fadeInUp animated" data-wow-delay="1s" style="font-size: 18px;">及时了解最新的信息学堂，把握市场最新的趋势</p>
			</div>
			{/eq}
			
			{eq name="$Request.param.navid" value="38"}
			<div class="carousel-caption carousel-caption-cont carousel-caption-left" style="display: none;">
				<p class="wow fadeInDown animated" data-wow-delay="0.5s" style="font-size: 40px;">CASE CENTER 案例中心</p>
				<p class="wow fadeInUp animated" data-wow-delay="1s" style="font-size: 18px;">以策略 设计 技术 服务为核心，为客户持续创造价值</p>
			</div>
			{/eq}

			{eq name="$Request.param.navid" value="5"}
			<div class="carousel-caption carousel-caption-cont carousel-caption-left" style="display: none;">
				<p class="wow fadeInDown animated" data-wow-delay="0.5s" style="font-size: 40px;">ABOUT US 关于我们</p>
				<p class="wow fadeInLeft animated" style="width: 305px;font-size: 25px;padding: 5px 10px;margin: 15px 0;background: rgb(51, 205, 229);">鼎 联 解 决 方 案 好 帮 手</p>
				<p class="wow fadeInUp animated" data-wow-delay="1s" style="font-size: 28px;">专业的技术 / 先进的设备 / 丰富的成功经验</p>
			</div>
			{/eq}

			{eq name="$Request.param.navid" value="3"}
			<div class="carousel-caption carousel-caption-cont carousel-caption-left" style="display: none;">
				<p class="wow fadeInDown animated" data-wow-delay="0.5s" style="font-size: 50px;font-weight: bold;">微信小程序</p>
				<p class="wow fadeInLeft animated" style="font-size: 20px;margin: 15px 0 30px 0;">携手共赢，鼎联与你共创美好微信小程序</p>
				<p class="wow fadeInUp animated" data-wow-delay="1s" style="font-size: 45px;font-weight: bold;">鼎联网络</p>
			</div>
			{/eq}

			{eq name="$Request.param.navid" value="4"}
			<div class="carousel-caption carousel-caption-cont carousel-caption-center">
				<p class="wow fadeInDown animated" data-wow-delay="0.5s" style="font-size: 60px;font-weight: bold;">微信公众号</p>
				<p class="wow fadeInUp animated" data-wow-delay="1s" style="font-size: 20px;margin-top: 15px;">超过十亿人使用的手机应用携手共，鼎联与你共创美好微信公众号</p>
			</div>
			{/eq}
			<!-- 图片上显示文字和动画 -->
		</div>
		{/foreach}
  </div>

    {eq name="$Request.controller" value="Index"}
    <div class="carousel-hot cont-pc" style="display: none;">
    <div class="carousel-hot-box container">
      <div class="carousel-hot-box-item">
          <a title="高效化企业站" href="">
              <i class="wow fadeInLeft animated">
                  <img title="鼎联互联网信息有限公司 - 湛江小程序,湛江微信运营,湛江小程序开发公司,湛江微商城,湛江包装设计,湛江百度推广,湛江品牌策划,湛江网站建设" src="__TPMPLATE__pc/cms-red/images/icon01.png">
              </i>

              <h2>
                  {switch name="$Think.cookie.think_var"}
                  {case value="zh-cn"}
                  高效化企业站
                  {/case}

                  {case value="en-us"}
                  High efficiency enterprise station
                  {/case}
                  {default /}
                  {/switch}
              </h2>

              <p>
                  {switch name="$Think.cookie.think_var"}
                  {case value="zh-cn"}
                  全面适应百度搜索收录规则,访问快
                  {/case}

                  {case value="en-us"}
                  Fully adapt to Baidu search rules, access fast
                  {/case}
                  {default /}
                  {/switch}
              </p>
          </a>
      </div>

      <div class="carousel-hot-box-item">
          <a title="定制化采购系统" href="">
              <i class="wow fadeInUp animated">
                  <img title="鼎联互联网信息有限公司 - 湛江小程序,湛江微信运营,湛江小程序开发公司,湛江微商城,湛江包装设计,湛江百度推广,湛江品牌策划,湛江网站建设" src="__TPMPLATE__pc/cms-red/images/icon01.png">
              </i>

              <h2>
                  {switch name="$Think.cookie.think_var"}
                  {case value="zh-cn"}
                  定制化采购系统
                  {/case}

                  {case value="en-us"}
                  Customized procurement system
                  {/case}
                  {default /}
                  {/switch}
              </h2>

              <p>
                  {switch name="$Think.cookie.think_var"}
                  {case value="zh-cn"}
                  全面迎合客户开发定制级别
                  {/case}

                  {case value="en-us"}
                  Fully cater for customer development and customization
                  {/case}
                  {default /}
                  {/switch}
              </p>
          </a>
      </div>

      <div class="carousel-hot-box-item">
          <a title="无缝对接微信平台" href="">
              <i class="wow fadeInDown animated">
                  <img title="鼎联互联网信息有限公司 - 湛江小程序,湛江微信运营,湛江小程序开发公司,湛江微商城,湛江包装设计,湛江百度推广,湛江品牌策划,湛江网站建设" src="__TPMPLATE__pc/cms-red/images/icon01.png">
              </i>

              <h2>
                  {switch name="$Think.cookie.think_var"}
                  {case value="zh-cn"}
                  无缝对接微信平台
                  {/case}

                  {case value="en-us"}
                  Seamless docking WeChat platform
                  {/case}
                  {default /}
                  {/switch}
              </h2>

              <p>
                  {switch name="$Think.cookie.think_var"}
                  {case value="zh-cn"}
                  自主网页式对接微信平台
                  {/case}

                  {case value="en-us"}
                  Autonomous web page butt WeChat platform
                  {/case}
                  {default /}
                  {/switch}
              </p>
          </a>
      </div>

      <div class="carousel-hot-box-item">
          <a title="针对SEO开发" href="">
              <i class="wow fadeInRight animated">
                  <img title="鼎联互联网信息有限公司 - 湛江小程序,湛江微信运营,湛江小程序开发公司,湛江微商城,湛江包装设计,湛江百度推广,湛江品牌策划,湛江网站建设" src="__TPMPLATE__pc/cms-red/images/icon01.png">
              </i>

              <h2>
                  {switch name="$Think.cookie.think_var"}
                  {case value="zh-cn"}
                  针对SEO开发
                  {/case}

                  {case value="en-us"}
                  Development of SEO
                  {/case}
                  {default /}
                  {/switch}
              </h2>

              <p>
                  {switch name="$Think.cookie.think_var"}
                  {case value="zh-cn"}
                  易推广整合百度云资源,友好体验,优化布局
                  {/case}

                  {case value="en-us"}
                  Easy to promote integration of Baidu cloud resources, friendly experience, optimize layout
                  {/case}
                  {default /}
                  {/switch}
              </p>
          </a>
      </div>
    </div>
    </div>
    {/eq}

    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

</div>
{/notempty}
